/* CSS Document */
@font-face {
  font-family: "pmzd";
  src: url("/font/pmzd.woff2") format("woff2"),
       url("../font/pmzd.woff") format("woff"),
       url("../font/pmzd.ttf") format("truetype"),
       url("../font/pmzd.eot") format("embedded-opentype"),
       url("../font/pmzd.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "heiti";
  src: url("/font/heiti.otf");
}

@font-face {
  font-family: "verdana";
  src: url("/font/verdana.woff2") format("woff2"),
       url("/font/verdana.woff") format("woff"),
       url("/font/verdana.ttf") format("truetype"),
       url("/font/verdana.eot") format("embedded-opentype"),
}



.logolist .swiper-slide {
    box-sizing: border-box;
    border: 1px solid #cdcdcd; background:#ffffff;
}

.logolist .swiper-slide img {
    width: 100%
}

.logobtn {
    text-align: center;
    font-size: 0;
    /* margin-top: 20px; */
    margin-top: 40px
}

.logobtn>div {
    position: static;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #cdcdcd;
    transform: translateY(0);
    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);
    margin: 0 10px;
	background:url(../image/p.png) no-repeat center;
}
.logobtn .swiper-button-next,.logobtn .swiper-button-next.swiper-button-disabled,.logobtn .swiper-button-next:hover,.logobtn .swiper-button-next.swiper-button-disabled:hover{background:url(../image/p1.png) no-repeat center;}

.logobtn>div:hover {background:url(../image/p.png) no-repeat center;
}


.tyrkbanner .swiper-slide img {
    width: 100%
}

.tyrkbanner p {
    text-align: center;
    font-size: 18px;
    color: #282828; line-height:40px;
}










#videDivo1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; z-index:3; background:#000;
}



.slideBox{ 
  position:relative; 
  margin:0 auto;
  background: #555;
  height: 100vh;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
    overflow:hidden; 
}
.slideBox .bd ul{ 
  height:100%;
}
.slideBox .bd li{ 
  vertical-align:middle; 
  height:100%;
}
.slideBox .bd img{  
 display: block;
  animation: changeScale 1 2.5s; width:100%; height:100%;object-fit: cover;
}
.slideBox .bd .banner-txt1 { position:absolute; width:100%; text-align:center; top: 30%; }
.slideBox .bd .banner-txt1 img{ width:auto; height:auto;display: inline-block; padding-bottom: 10px;}

.slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:20px; 
  z-index:3; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin:0 6px;  
  width:40px; 
  height:6px; 
  background:rgba(255,255,255,0.5); 
  cursor:pointer; transition-duration:.5s; 
}
.slideBox .hd ul li.on{ background:#d3090f;}










.about{padding: 90px 0 50px 0;}
.about .left{ width:35.55%;}
.home-title h1{font-size:42px; color: #004f94; line-height: 56px;}
.home-title .fb{font-size: 14px; color: #646666; text-transform:uppercase; letter-spacing:1.5px; }
.about .left .neir{font-size: 20px; line-height:36px; padding-top: 50px;}
.about .a-icon{width: 100%; padding-top: 120px;}
.about .a-icon dl{width: 28%; float: left; cursor: pointer;}
.about .a-icon dl:nth-child(4){ width: 16%;}
.about .a-icon dl dt{ width: 93px; height: 93px; border: 1px solid #dfdfdf; border-radius: 100%; background: #fff; position: relative; text-align: center; display: flex;
 justify-content: center; align-items: center;}
.about .a-icon dl dt .pic{width: 100%; position: absolute; height: 100%; left: 0; top: 0; z-index: 2;}
.about .a-icon dl:nth-child(1) dt .pic{background:url(../image/a-icon1.png) no-repeat center center ; transition-duration: 1s;}
.about .a-icon dl:nth-child(1):hover dt .pic{background:url(../image/a-icon1-1.png) no-repeat center center ;}
.about .a-icon dl:nth-child(2) dt .pic{background:url(../image/a-icon2.png) no-repeat center center ; transition-duration: 1s;}
.about .a-icon dl:nth-child(2):hover dt .pic{background:url(../image/a-icon2-1.png) no-repeat center center ;}
.about .a-icon dl:nth-child(3) dt .pic{background:url(../image/a-icon3.png) no-repeat center center ; transition-duration: 1s;}
.about .a-icon dl:nth-child(3):hover dt .pic{background:url(../image/a-icon3-1.png) no-repeat center center ;}
.about .a-icon dl:nth-child(4) dt .pic{background:url(../image/a-icon4.png) no-repeat center center ; transition-duration: 1s;}
.about .a-icon dl:nth-child(4):hover dt .pic{background:url(../image/a-icon4-1.png) no-repeat center center ;}
.about .a-icon dl dt:after{position: absolute; content: "";  width: 0; height: 0;  left: 50%;  transform: translate(-50%, -50%); top: 50%; background: #e50001; transition-duration: 1s; border-radius: 100%; z-index: 1;}
.about .a-icon dl:hover dt:after{width: 85%; height: 85%;}
.about .a-icon dl dt img{display: block;}
.about .a-icon dl dd{line-height: 42px; width: 95px; font-size:18px; color: #555451; text-align: center; transition-duration: 1s;}
.about .a-icon dl:hover dd{color: #e50001;}
.about .video-ibox{ width:51%; position: relative; cursor: pointer; overflow: hidden; }
.about .video-ibox .bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 1s ease-out 0s;
    -webkit-transition: -webkit-transform 1s ease-out 0s;
    overflow: hidden;
}
.about .video-ibox .bg video {
    width: 100%;
    display: block;
}
.about .video-ibox .img-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.about .video-ibox .vico {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    line-height: 1;
    color: #fff;
    font-size: 58px;
    transition: .3s;
    -webkit-transition: .3s;
}
.about .video-ibox:hover .vico{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.about-num{width: 100%; margin-bottom: 40px; color: #fff; background:url(../image/a.png) no-repeat center; padding:20px 5% 30px 0; position: relative; z-index: 2; background-size:cover; }
.about-num li{width: 20%; float: left; text-align: center; font-size: 18px; padding:0 3%}
.about-num li span{display: inline-block; font-weight: bold; font-family:Gadugi; font-size: 82px; position: relative; margin-right: 10px; text-shadow: 3px 3px 5px #000;}
.about-num li span:after{position: absolute; content: "+"; font-size: 36px; right: -33px; top: 10px;}
.about-num li sup{font-size: 18px; text-shadow: 3px 3px 5px #000;}
.about-num li:nth-child(4){padding:0 0;}
.page {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.pagebH{position: relative; z-index: 2;}
.page .ibg {
    position: absolute;
    left: 0;
    top: 0;
    width: 110%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
/*    transition: 1s;*/
		/*animation: lroat 10s infinite linear;	*/
		z-index: 1;
}
@keyframes lroat {
    0% {
        left: 0%;
    }
    50% {
       left: -8%;

    }
    100%{
    	left: 0%;
    }
}
.ywly{padding: 75px 0; }
.page .ibg1 {
  width: 100%;
      display: block;
	  position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      /*animation: run 12s linear infinite;*/
}

.ywly .left{ width: 25.3%;}
.ywly .right{ width: 74.7%;}
.home-ywly{
	width: 92.23%;
	position: relative;
	z-index: 3;
	margin-left: 7.77%;
	display: flex;
}
.home-ywly-fl{
	width: 19.8%;
}
.home-ywly-fl .home-title h1{
	color: #FFFFFF !important;
}
.home-ywly-fl .home-title .fb{
	color: #FFFFFF !important;
}
.home-ywly-fr{
	width: 80.2%;
	background: rgba(0,0,0,0.45);
	position: relative;
}
.home-ywly-fr:before{
	display: block;
	content: '';
	width: calc(100% + 18px);
	height: 8px;
	background: rgba(255,255,255,0.6);
	position: absolute;
	top: -8px;
	right: 0;
}
.home-ywly-fr:after{
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(255,255,255,0.6);
	position: absolute;
	top: -13px;
	left: -36px;
}
.first-yw{
	position: relative;
}
.first-yw ul{
	zoom: 1;
	padding: 0 2%;
}
.first-yw ul:after{
	display: block;
	content: '';
	clear: both;
}
.first-yw ul li{
	float: left;
	width: 20%;
	height: 90px;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 90px;
	position: relative;
	font-weight: bold;
	cursor: pointer;
	transition-duration: 0.5s;
}
.first-yw ul li:before{
	display: block;
	content: '';
	width: 0%;
	height: 3px;
	background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));
	position: absolute;
	bottom: 0;
	left: 50%;
	transition-duration: 0.5s;
}
.first-yw ul li span{
	position: relative;
}
 
.first-active{
	background: url(../image/ly-bg02.jpg) no-repeat center center;
	background-size: cover;
}
.first-active:before{
	width: 100% !important;
	left: 0 !important;
}
.first-active:after{
	display: block;
	content: '';
	width: 14px;
	height: 12px;
	background: url(../image/jt01.png) no-repeat;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -7px;
}
.first-active span:after{
	display: none !important;
}

.first-ywBox{
	width: 80%;
	margin: 60px 10% auto;
	position: relative;
}
.first-ywContenter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 2;
}
.first-ywContenter:nth-child(1){
	position: relative;
	z-index: 3;
}
.show-first{
	opacity: 1 !important;
	z-index: 4 !important;
}

.sencond-yw{
	margin-bottom: 40px;
}
.sencond-yw ul{
	zoom: 1;
}
.sencond-yw ul:after{
	display: block;
	content: '';
	clear: both;
}
.sencond-yw ul li{
	float: left;
	width: 23.5%;
	height: 46px;
	margin-right: 2%;
	background: #798490;
	font-size: 18px;
	color: #FFFFFF;
	font-family: "heiti";
	text-align: center;
	line-height: 46px;
	cursor: pointer;
	position: relative;
}
.sencond-yw ul li:nth-child(4n){
	margin-right: 0;
}
.sencond-active{
		background: #004f94 !important;
		box-shadow: 0 2px 4px 2px #333;
}
.sencond-active:after{
	display: block;
	content: '';
	width: 14px;
	height: 12px;
	background: url(../image/jt01.png) no-repeat;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -7px;
}


.sencond-ywBox{
	position: relative;
}
.sencond-ywContenter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 2;
}
.sencond-ywContenter:nth-child(1){
	position: relative;
	z-index: 3;
}
.show-sencond{
	opacity: 1 !important;
	z-index: 4 !important;
}


.yw-swiper{
	overflow: hidden;
	position: relative;
}
.yw-swiper .swiper-slide{
	position: relative;
	overflow: hidden;
}
.yw-swiper .swiper-slide img{
	display: block;
	width: 100%;
	transition-duration: 0.5s;
}
.yw-swiper .swiper-slide p{
	width: 100%;
	background: rgba(0,0,0,0.42);
	font-size: 16px;
	color: #FFFFFF;
	line-height: 46px;
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	transition-duration: 0.5s;
}
.yw-swiper .swiper-slide:hover img{
	transform: scale(1.1);
}
.yw-swiper .swiper-slide:hover p{
	background: rgba(208,17,38,0.3);
}
.yw-next,.yw-prev{
	width: 19px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	cursor: pointer;
}
.yw-next{
	right: -5%;
	background: url(../image/jt02-r.png) no-repeat;
}
.yw-prev{
	left: -5%;
	background: url(../image/jt02-l.png) no-repeat;
}

.yw-search{
	padding: 70px 10% 140px;
	box-sizing: border-box;
	zoom: 1;
}
.yw-search:after{
	display: block;
	content: '';
	clear: both;
}
.yw-search input{
	float: left;
	width: 74.5%;
	height: 36px;
	border: none;
	outline: none;
	border-radius: 40px;
	box-sizing: border-box;
	padding: 0 30px;
	font-size: 15px;
	color: #333;
	font-family: "heiti";
}
.submit-yw{
	float: left;
	margin-left: 30px;
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	background: url(../image/search.png) no-repeat center center;
}

.news{
	padding: 80px 0 40px;
}
.home-news{
	position: relative;
	z-index: 4;
}
.home-news-top{
	zoom: 1;
	padding-bottom: 25px;
	margin-bottom: 40px;
	border-bottom: 1px solid #5a5a5a;
}
.home-news-top:after{
	display: block;
	content: '';
	clear: both;
}
.home-news-top .home-title{
	float: left;
}
.news-menuList{
	float: right;
	width: 460px;
	margin-top: 50px;
}
.news-menuList ul{
	zoom: 1;
}
.news-menuList ul:after{
	display: block;
	content: '';
	clear: both;
}
.news-menuList ul li{
	float: left;
	font-size: 20px;
	color: #0e0e0e;
	line-height: 50px;
	font-weight: bold;
	width: 33.333%;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.news-menuList ul li:before{
	display: block;
	content: '';
	width: 0%;
	height: 3px;
	background: #004f94;
	top: -3px;
	left: 0;
	transition-duration: 0.5s;
}
.news-menuList ul li span{
	position: relative;
}
.news-menuList ul li span:before{
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #004f94;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -4px;
}
.news-active:before{
	width: 100% !important;
}
.news-active span{
	color: #004f94;
}
.jc-li{ text-align:right; position:absolute; right:0; top:35px;}
.jc-li li{ display:inline-block; margin-left:60px;position:relative;font-size: 20px;
    color: #0e0e0e;
    line-height: 50px;
    font-weight: bold; padding-left:20px; cursor: pointer;}

.jc-li li:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #004f94;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -4px;}
	
.jc-li li:after{content: ''; display:block;
    width: 0%;
    height: 3px;
    background: #004f94;
    top: 0px;
    left: 0; position:absolute;
    transition-duration: 0.5s;}
	
.jc-li li.hover:after{ width:100%;}
.home-news-box{
	position: relative;
}
.home-news-contenter{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 2;
}
.home-news-contenter:nth-child(1){
	position: relative;
}
.show-news{
	opacity: 1 !important;
	z-index: 4 !important;
}
.home-news-fTitle{
	font-size: 32px;
	color: #333333;
	font-weight: normal;
	position: relative;
	padding-left: 30px;
	line-height: 1;
	margin-bottom: 40px; font-weight:bold;
}
.home-news-fTitle:before{
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #004f94;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}
.home-news-nr{
	display: flex;
}
.home-news-fl{
	width: 27.3%;
}
.home-news-fr{
	width: 72.7%; transform:scale(0.8)
}
.home-news-fl ul li{
	font-size: 18px;
	color: #333333;
	line-height: 1.6;
	margin-bottom: 40px;
	position: relative;
}
.home-news-fl ul li a{
	position: relative;
}
.home-news-fl ul li a:after{
	display: none;
	content: '';
	width: 11px;
	height: 13px;
	background: url(../image/jt03.png) no-repeat;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -6.5px;
}
.home-news-fl ul li a:hover:after{
	display: block;
}
.home-news-fl ul li:last-child{
	margin-bottom: 0;
}
.lb-title{
	width: 100%;
	background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	padding: 20px 35px;
}
.lb-title h4{
	font-size: 20px;
	color: #FFFFFF;
	font-family: "heiti";
	line-height: 1;
	font-weight: normal;
	margin-bottom: 5px;
}
.lb-title p{
	font-size: 13px;
	color: #ffffff;
}
.get-more{
	margin-top: 40px;
}
.get-more a{
	display: block;
	margin: 0 auto;
	width: 216px;
	height: 46px;
	border-radius: 46px;
	background: #004f94;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	position: relative;
	transition-duration: 0.5s;
}
.get-more a:hover{
	margin-top: -5px;
	box-shadow: 0 2px 4px 2px #999;
}
.business-title{
	position: relative;
	z-index: 10; padding:30px 0; margin-top:50px;
}

.home-business{
	margin-top: 0px;
	position: relative;
	z-index: 10;
}
.business-box{
	position: relative;
}
.business-box:after{
	display: block;
	content: '';
	width: 0.4%;
	height: 100%;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	left: 49.8%;
}
.business-box ul{
	display: flex;
}
.business-box ul li{
	width: 49.9%;
	margin-right: 0.2%;
	position: relative;-moz-box-shadow:3px 3px 4px #969696; -webkit-box-shadow:3px 3px 4px #969696; box-shadow:3px 3px 4px #969696;
}
.business-box ul li:after{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.business-box ul li:nth-child(2){
	margin-right: 0;
}
.business-bg{
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.business-bg img{
	display: block;
	width: 100%;
	transition-duration: 0.5s;
}
.business-box ul li a{
	display: block;
}
.business-box ul li:hover .business-bg img{
	transform: scale(1.1);
}
.business-bt{
	height: 88px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	z-index: 4;justify-content: center;
    align-items: center; width:100%;
}
.business-icon{
	height: 88px;
	line-height: 88px;
}
.business-icon img{
	display: inline-block;
	vertical-align: middle;
}
.business-name{
	margin-left: 30px; text-align:center;
 
}
.business-name h4{
	font-size: 30px;
	color: #FFFFFF;
	line-height: 1;
	margin-bottom: 5px;
}
.business-name p{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1;
}
.business-lb{
	background: #fff;
}
.yf-swiper,.yf-swiper1{
	position: relative;
	overflow: hidden;
	padding: 50px 0;
}

.yf-case{
	width: 100%;
	position: relative;
	z-index: 2;
	transition-duration: 0.5s;-moz-box-shadow:3px 3px 4px #969696; -webkit-box-shadow:3px 3px 4px #969696; box-shadow:3px 3px 4px #969696;
}
.yf-case img{
	display: block;
	width: 100%;
}
.yf-case p{
	width: 100%;
	font-size: 20px;
	color: #FFFFFF;
	opacity: 0.8;
	text-transform: uppercase;
	padding: 50px 10% 30px;
	background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));
	position: absolute;
	bottom: 0;
}
.yf-swiper .swiper-slide:hover .yf-case,.yf-swiper1 .swiper-slide:hover .yf-case{
	transform: scale(1.2);
	z-index: 10;
}
.yf-swiper .swiper-slide:hover .yf-case p,.yf-swiper1 .swiper-slide:hover .yf-case p{
	background: linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0));
	opacity: 1;
}
.yf-next,.yf-prev{
	width: 19px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	cursor: pointer;
	z-index: 10;
}
.yf-next{
	right: 20px;
	background: url(../image/jt02-r.png) no-repeat;
}
.yf-prev{
	left: 20px;
	background: url(../image/jt02-l.png) no-repeat;
}
.yf-by{
	padding: 60px 0;
	background: #959595; margin-bottom:80px;
}
.yf-by-box{
	position: relative;
}
.yf-by-box p{
	width: 78%;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 70px;
}
.yf-by-box p span{
	font-size: 32px;
}
.yf-by-box a{
	font-size: 20px;
	color: #004f94;
	position: absolute;
	right: 0;
	bottom: 0;
	transition-duration: 0.5s;
}
.yf-by-box a:hover{
	bottom: 5px;
}
.numberbox{
	display: flex; background:url(../image/1.jpg) no-repeat center; background-size:cover;
}
.numberbox-fl{
	width: 52%;
	background: rgba(255,255,255,0.1);
	box-sizing: border-box;
	padding: 100px 12.5% 56px 7.77%;
	position: relative;
}
.numberbox-fl:before{
	display: block;
	content: '';
	width: 25px;
	height: 27px;
	background: url(../image/jt04.png) no-repeat;
	position: absolute;
	right: 40px;
	top: 50%;
	margin-top: -13.5px;
}
.numberbox-fl .home-title{
	margin-bottom: 70px;
}
.numberbox-fl .home-title h1{
	color: #FFFFFF;
}
.numberbox-fl .home-title h1 span{
	position: relative;
}
.numberbox-fl .home-title h1 span:before{
	display: block;
	content: '';
	width: 48px;
	height: 45px;
	background: url(../image/dq.png) no-repeat;
	position: absolute;
	right: -80px;
	top: 65%;
	margin-top: -22.5px;
	-webkit-animation: animal 5s infinite linear;
}
@-webkit-keyframes animal {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.numberbox-fl .home-title .fb span{
	background: #FFFFFF;
	border-top-left-radius: 8px;
	padding: 10px;
	font-family: "italic";
}
.numberbox-fl p{
	font-size: 22px;
	color: #FFFFFF;
	text-shadow: 0 2px 1px #333;
	line-height: 2;
}
.number-listBox{
	width: 60%;
	margin-top: 70px;
}
.number-listBox ul li{
	zoom: 1;
	line-height: 47px;
	margin-bottom: 10px;
	/*box-sizing: border-box;
	padding-left: 20px;*/
	position: relative;
	cursor: pointer;
}
.number-listBox ul li:before{
	display: block;
	content: '';
	width: 0%;
	height: 100%;
	background: url(../image/sz-bg.png) no-repeat left center;
	background-size: auto 100%;
	position: absolute;
	left: -10px;
	top: 0;
	z-index: 2;
	transition-duration: 0.5s;
}
.number-listBox ul li:hover:before{
	width: 100%;
}
.number-listBox ul li:after{
	display: block;
	content: '';
	clear: both;
}
.number-listBox ul li:last-child{
	margin-bottom: 0;
}
.number-listBox ul li span:nth-child(1){
	float: left;
	display: block;
	width: 80px;
	font-size: 24px;
	font-family: "Arial";
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 0 2px 1px #333;
	position: relative;
	z-index: 3;
}
.number-listBox ul li span:nth-child(2){
	float: left;
	display: block;
	width: calc(100% - 80px);
	box-sizing: border-box;
	padding-left: 40px;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 0 2px 1px #333;
	position: relative;
	z-index: 3;
}
.number-listBox ul li span:nth-child(2):before{
	display: block;
	content: '';
	width: 3px;
	height: 20px;
	background: #00d5cc;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	transition-duration: 0.5s;
}
.number-listBox ul li:hover span:nth-child(2):before{
	background: #FFFFFF;
}
.number-active:before{
	width: 100% !important;
}
.number-active span:nth-child(2):before{
	background: #FFFFFF !important;
}

.numberbox-fr{
	width: 48%;
 
	box-sizing: border-box;
	padding: 100px 7.77% 56px 7.77%;
}
.numberbox-contenter h3{
	font-size: 42px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.numberbox-contenter img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.numberbox-nr{
	margin-top: 20px;
	text-align: center;
}
.numberbox-nr p{
	font-size: 20px;
	color: #FFFFFF;
	line-height: 2;
}
.numberbox-nr h4{
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
.numberbox-nr a{
	font-size: 20px;
	color: #FFFFFF;
}
.shrk{
	padding: 80px 0 80px;
	background:url(../image/sh-bg.jpg) no-repeat center; background-size:cover;
}
.shrk-box{
	position: relative;
	z-index: 10; height:100%;
}

.home-shrk-top{
	width: 100%;
	zoom: 1;
	padding-bottom: 35px;
	margin-bottom: 40px;
	border-bottom: 1px solid #5a5a5a;
}
.home-shrk-top:after{
	display: block;
	content: '';
	clear: both;
}
.home-shrk-top .home-title{
	float: left;
}
.shrk-menuList{
	float: right;
	width: 460px;
	margin-top: 30px;
}
.shrk-menuList ul{
	zoom: 1;
}
.shrk-menuList ul:after{
	display: block;
	content: '';
	clear: both;
}
.shrk-menuList ul li{
	float: left;
	font-size: 20px;
	color: #0e0e0e;
	line-height: 50px;
	font-weight: bold;
	width: 33.333%;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.shrk-menuList ul li:before{
	display: block;
	content: '';
	width: 0%;
	height: 3px;
	background: #004f94;
	top: -3px;
	left: 0;
	transition-duration: 0.5s;
}
.shrk-menuList ul li span{
	position: relative;
}
.shrk-menuList ul li span:before{
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #004f94;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -4px;
}
.shrk-active:before{
	width: 100% !important;
}
.shrk-active span{
	color: #004f94;
}
.shrk-box{
	display: flex;
}
.shrk-list{
	width: 100%;
	position: relative;
}

.shrk-list img{
	display: block;
	width: 100%; height:100%;object-fit: cover;
}
.shrk-listTitle{
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 30px 40px;
	background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));
	display: flex;
}
.shrk-name{
	padding-right: 20px;
}
.shrk-name h3{
	font-size: 26px;
	color: #FFFFFF;
	font-weight: normal;
	white-space: nowrap;
	margin-bottom: 5px;
}
.shrk-name a{
	font-size: 12px;
	color: #FFFFFF;
	position: relative;
}
.shrk-name a:before{
	display: block;
	content: '';
	width: 6px;
	height: 11px;
	background: url(../image/jt05.png) no-repeat;
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -5.5px;
}
.shrk-list-nr p{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.shrk-contentBox{
	position: relative;
}



.other-link{
	margin-top: 20px;
}
.other-link ul{
	display: flex;
}
.other-link ul li{
	width: 50%;
	text-align: center;
	position: relative;
}
.other-link ul li:nth-child(1):after{
	display: block;
	content: '';
	width: 1px;
	height: 26px;
	background: #d5d5d5;
	position: absolute;
	right: -1px;
	top: 50%;
	margin-top: -13px;
}
.other-link ul li img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.business-title .news-menuList{ }
.business-title .news-menuList ul li{ width:40%; margin-left:16%; float:right}
.business-title .news-menuList{ margin-top:15px;}




@media only screen and (max-width: 1600px){
	 .about .left .neir{ font-size:17px;}
	.about .a-icon{ padding-top:80px;}
	
	}
@media only screen and (max-width: 1500px){
.about .left .neir{ font-size:16px; padding-top:40px; line-height:30px;}
.yf-case p{ font-size:17px; padding:20px;}
.about .a-icon dl dt{ width:83px; height:83px;}
.numberbox-contenter h3{ font-size:30px;}
.yw-search{padding: 70px 10%;}
.ywly{ padding:50px 0;}
.numberbox-fl{    padding: 60px 5% 36px 3%;}
 .numberbox-fl .home-title{ margin-bottom:45px;}
 .number-listBox{ margin-top:40px;}
 .number-listBox ul li span:nth-child(1){ font-size:22px;}
 .number-listBox ul li span:nth-child(2){ font-size:18px;}
.about .a-icon dl dd,.about-num li sup,.numberbox-fl p{ font-size:16px;}
.about .a-icon dl dd{ width:80px;}
.about-num li span{font-size: 70px;}
.about-num li{ padding:0 1%;}
.about .left{ width:37%;}
.home-ywly{ margin-left:3%;}
.yf-by{ padding:30px 0;}
.yf-by-box p{ font-size:20px; line-height:50px;}
.yf-by-box p span{ font-size:20px;}
.home-title h1{ font-size:36px;}
.first-yw ul li{ font-size:18px; height:70px; line-height:70px;}
.home-news-fl ul li{ font-size:16px; margin-bottom:20px;}
.slideBox .bd .banner-txt1 img{ width:50%;}
.home-news-fTitle{ font-size:28px; margin-bottom:30px;}
.news-menuList{ margin-top:30px;}
.get-more a{ font-size:18px; width:200px;}
}

@media only screen and (max-width: 1366px){
.about .a-icon{padding-top: 70px;}

}

@media only screen and (max-width: 1280px){
	.slideBox .bd .banner-txt1 img{ width:60% !important;}
	.about .a-icon dl dt{ width:63px; height:63px;}
	.about .a-icon dl dt .pic{ background-size:30px 30px !important;}
	.home-title .fb{ line-height:40px;}
	.about .left .neir{ line-height:24px;}
.about-num li span{ font-size:60px;}
.about-num li span:after{ font-size:30px; top:5px;}
.first-yw ul li{ font-size:16px; height:60px; line-height:60px;}
.sencond-yw ul li,.home-news-fl ul li,.lb-title h4{ font-size:16px;}
.yw-swiper .swiper-slide p{ font-size:14px;}
.news-menuList ul li,.shrk-menuList ul li{ font-size:16px; line-height:42px;}
.home-news-fTitle,.business-name h4{ font-size:24px;}
.home-news-fl ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lb-title,.shrk-listTitle{ padding:15px;}
.business-icon img{ width:60px;}
.yf-case p{ font-size:16px; padding:15px;}


}
@media only screen and (max-width: 1139px){

}

@media only screen and (max-width: 992px){

}

@media only screen and (max-width: 760px){
.slideBox{ height:auto;}
.home-ywly-fr:before,.home-ywly-fr:after,.first-active:after ,.business-icon img,.numberbox-fl:before{ display:none;}
.banner-txt1 img{ width:60%;}
.about{ padding:30px 0;}
.about .left,.about .video-ibox{ width:100%;}
.home-title h1{ font-size:20px; line-height:40px;}
.gai-CbContainer{background-size: cover !important;}
.home-title .fb{ font-size:14px; line-height:24px;}
.home-ywly-fl{ margin-bottom:20px;}
.warp{ width:90%;}
.about .left .neir{ font-size:14px; padding-top:15px; line-height:1.6;}
.about .a-icon{ padding-top:20px;}
.about .a-icon dl,.about .a-icon dl:nth-child(4){ width:25%; text-align:center;}
.about .a-icon dl dt{ width:60px; height:60px; display:block; margin:0 auto;}
.about .a-icon dl dt img{ width:30px;}
.about .a-icon dl dd{ width:100%; text-align:center; font-size:15px;}
.about .a-icon dl dt .pic{ background-size:30px !important;}
.about .video-ibox .vico{ width:50px; height:50px;}
.about-num{ margin-top:30px;}
.about-num li{ width:33.333%; margin-bottom:10px;}
.about-num li span{ font-size:30px;}
.about-num li span:after{font-size: 16px;right: -13px;}
.about-num li sup{ display:block;line-height: 24px;font-size: 14px;}
.ywly{ padding:30px 0;}
.home-ywly-fr,.home-news-fl{ width:100%; float:none;}
.home-ywly,.home-ywly-fl,.news-menuList,.shrk-menuList{ width:100%; display:block; float:none !important; text-align:center; margin-left:0;}
.first-yw ul li{ width:50%; font-size:16px; line-height:54px; height:auto;}
.first-ywBox{ width:90%; margin:15px auto;}
.sencond-yw ul li{ width:48%; margin-bottom:20px; font-size:15px;}
.sencond-active:after{ bottom:-10px;}
.yw-swiper .swiper-slide p,.yf-case p{ font-size:14px;}
.yw-search,.news,.shrk{ padding:20px 0;}
.news-menuList,.shrk-menuList{ clear:both; padding-top:20px;}
.news-menuList ul li,.shrk-menuList ul li{ font-size:16px; line-height:35px;}
.home-news-top,.home-shrk-top{ margin-bottom:25px; padding-bottom:20px;}
.home-news-fTitle{ font-size:17px; margin-bottom:15px;}
.home-news-fl ul li{ font-size:14px; margin-bottom:10px;}
.get-more{ margin-top:20px !important;}
.yfcx-Menubox{ width:100%; float:none; clear:both;}
.jc-li{ text-align:center; position:relative; top:10px;}
.jc-li li{ font-size:17px; margin:0 10px;}
.get-more a{ width:160px; font-size:16px;}
.business-box ul,.numberbox{ display:block;}
.business-box ul li{ width:100%; margin-right:0; margin-bottom:10px;}
.business-name h4{ font-size:17px;}
.business-bt,.business-name{ width:100%; text-align:center; padding-top:0;}
.yf-case p{ padding:10px;}
.yf-by{ padding:30px 0; margin-bottom:30px;}
.yf-by-box p,.numberbox-nr p,.numberbox-nr a{ width:100%; line-height:1.6; font-size:15px;}
.yf-by-box p span,.yf-by-box a,.numberbox-fl p,.number-listBox ul li span:nth-child(1),.number-listBox ul li span:nth-child(2),.numberbox-contenter h3,.numberbox-nr h4{ font-size:16px;}
.yf-by-box{ padding-bottom:30px;}
.numberbox-fl,.numberbox-fr{ width:100%; padding:10px;}
.numberbox-fl .home-title,.numberbox-contenter h3{ margin-bottom:30px;}
.number-listBox{ width:100%; margin-top:15px;}
.number-listBox ul li{ line-height:32px;}
.number-listBox ul li span:nth-child(1){ width:50px;}
.number-listBox ul li span:nth-child(2){ padding-left:20px;}
.home-news-nr{ display:block;}
.home-news-fr{ width:100%; transform:scale(1.1)}
.business-title{ margin-top:0;}
.yf-swiper, .yf-swiper1{ padding:20px 0;}
#certify1 .swiper-container{ padding:0 !important;}
.shrk-name h3{ font-size:17px;}
.slideBox{ margin-top:50px;}
#certify .swiper-slide img, #certify1 .swiper-slide img{object-fit: cover !important;}

 
}

@keyframes run {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.04);
    }
    50% {
        transform: scale(1.08);
    }
    75% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}


@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}